<div id="content_c">
<style>
.login-container{
    border-radius: 5px;
    -moz-border-radius: 5px;
    background-clip: padding-box;
    width: 422px;
    height: 317px;
    background: #fff;
    border: 1px solid #eaeaea;
    box-shadow: 0 0 25px #cac6c6;
    position: absolute;
    top: 230px;
    left: 34%;
}
.login-container .title {
    margin: 35px;
    text-align: center;
    font-family: 微软雅黑;
    font-weight:700;
    font-size:16px;
    color: #4d92fa;
}
.el-input__inner {
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: none;
    border-bottom: 1px solid #d9d9d9;
    color: #1f2d3d;
    height: 36px;
    float: left;
    padding: 3px 10px;
    width: 298px;
    font-size: 15px;
    margin-top:15px; 
}
.el-form-item__img {
	float: left;
    border-bottom: 1px solid #d9d9d9;
    height: 36px;
    padding: 3px 10px;
    margin-left: 27px;
    margin-top:15px; 
}
.el-form-item__img img {
	margin-top: 5px;
    width: 25px;
}
.el-button {
    border: 1px solid #bfcbd9;
    padding: 10px 15px;
    color: #fff;
    background-color: #1C6DC9;
    border-color: #1C6DC9;
    margin-left: 27px;
    margin-top: 30px;
    width: 364px;
    cursor: pointer;
}
</style>
<form  class="login-container" id="csform">
    <input name="sshdId" type="hidden" value="${(matchProject.id)!}"/>
    <!--<input name="linkType" type="hidden" value="psgly"/>-->
    <input name="isRemember" type="hidden" value="false"/>
	<h3  class="title">参赛团队登录</h3>
	<div  class="el-form-item is-required">
		<div class="el-form-item__content" style="margin-left: 0px;">
			<div class="el-form-item__img">
				<img src="static/cms/www/default/img/sshd/user.png"/>
			</div>
			<div  class="el-input">
				<input type="text" name="loginName" placeholder="账户名" autocomplete="off" class="el-input__inner" value=""/>
			</div>
		</div>
	</div>
	<div  class="el-form-item is-required">
		<div class="el-form-item__content" style="margin-left: 0px;">
			<div class="el-form-item__img">
				<img src="static/cms/www/default/img/sshd/pwd.png"/>
			</div>
			<div  class="el-input">
				<input type="password" name="password" placeholder="密码" autocomplete="off" class="el-input__inner" value=""/>
			</div>
		</div>
	</div>
	<!--
	<div  class="el-form-item is-required">
		<div class="el-form-item__content" style="margin-left: 0px;">
			<div class="el-form-item__img">
				测试用的角色
			</div>
			<div  class="el-input">
			  <select name="linkType">
  				<option value ="csgly">参赛管理员</option>
  				<option value ="psgly">评审管理员</option>
  				<option value="ssgly">赛事管理员</option>
  				<option value="zzh">子帐号</option>
				</select>
			</div>
		</div>
	</div>
	-->
	<div  class="el-form-item" style="width: 100%;">
		<!---->
		<div class="el-form-item__content" style="margin-left: 0px;">
			<button  type="button" class="el-button" onclick="login()"><span style="font-size: 16px;">登&nbsp;录</span></button>
			<!---->
		</div>
	</div>
</form>
</div>
<script type="text/javascript">
// var h = window.screen.height - 80;
// console.log(h);
// $("#content_c").css("height",h + "px")


function login() {
	if ($("input[name='loginName']").val() == "") {
		$.alert("帐号不能为空，请输入");
		$("input[name='loginName']").focus();
		return;
	} 
	if($("input[name='password']").val() == "") {
		$.alert("密码不能为空，请输入");
		$("input[name='password']").focus();
		return;
	}
	
	//ajax异步提交  
	$.ajax({
		type : "POST",
		url : "matchLogin.action?login",
		data : $("#csform").serialize(), //序列化               
		error : function(request) { // 设置表单提交出错 
			$.alert('登陆错误'); //登录错误提示信息
		},
		success : function(data) {
			if (data.success) {
				window.location.href = 'matchManager.do?sshdCsXm&sshdId=${(matchProject.id)!}';
			} else {
				$.alert(data.msg)
			}
			
		}
	});
}
</script>